<template>
  <div class="newPeople">
    <top :text="'新手必看'"></top>
    <div class="newPeopleTitle">
      <div class="text">
        新手专享，超级福利，享双重大礼
      </div>
    </div>
    <div class="newPeopleRule">
      <div class="newPeopleRuleText">
        <div style="padding-top: 30px;position: relative">
          <div>
            <img src="../../assets/newBncn.png" alt="" class="img">
          </div>
          <div style="position: absolute;top: 30px;left: 65px;">
            <div>
              <img src="../../assets/newBncnBg.png" alt="" width="90%">
            </div>
            <div style="color: #fa6871;font-size: 18px;">
              新手注册即送1000BNCN
            </div>
          </div>
          <div style="color: #ff6818">
            使用步骤:点击活动中心→领取BNCN→查看个人中心→购买数字资产/提现
          </div>
        </div>
        <div style="margin-top: 30px;position: relative">
          <div>
            <img src="../../assets/newYh.png" alt="" class="img">
          </div>
          <div style="position: absolute;top: 5px;left: 65px;">
            <div>
              <img src="../../assets/newYhBg.png" alt="" width="66%">
            </div>
            <div style="color: #fa6871;font-size: 18px;">
              新手注册即送588+988体验优惠券
            </div>
          </div>
          <div style="color: #ff6818">
            使用步骤:点击活动中心→领取优惠券→选择7天标或新月标→选择支付券支付
          </div>
        </div>
      </div>
    </div>
    <div class="newPeopleCenter">
      <img src="../../assets/fiveLeft.png" alt="" style="vertical-align: middle;" width="15">
      <img src="../../assets/five.png" alt="" style="vertical-align: middle;" width="50%">
      <img src="../../assets/fiveLeft.png" alt="" style="vertical-align: middle;" width="15" class="imgSty">
    </div>
    <div style="padding: 0px 10px;">
      <div class="newPeopleCont">
        <div style="text-align: center;padding-top: 15px;padding-bottom: 10px;">
          <img src="../../assets/lineLeft.png" alt="" width="50" style="vertical-align: middle;"> &nbsp;&nbsp;
          <img src="../../assets/peaceMind.png" alt="" width="50" style="vertical-align: middle;">&nbsp;&nbsp;
          <img src="../../assets/lineRigth.png" alt="" width="50" style="vertical-align: middle;">
        </div>
        <div style="color: #ff9c31;text-align: center;margin-bottom: 10px;font-size: 17px;">
          实力雄厚&nbsp;&nbsp;资金流动性强
        </div>
        <div style="color: #fa6871;">
          旗下拥有数字货币交易所，极大的增加了基金资产的流动性；公司成立至今，管理数字资产超过10亿，管理经验专业而丰富。
        </div>
      </div>

      <div class="newPeopleCont">
        <div style="text-align: center;padding-top: 15px;padding-bottom: 10px;">
          <img src="../../assets/lineLeft.png" alt="" width="50" style="vertical-align: middle;"> &nbsp;&nbsp;
          <img src="../../assets/saveWorry.png" alt="" width="50" style="vertical-align: middle;">&nbsp;&nbsp;
          <img src="../../assets/lineRigth.png" alt="" width="50" style="vertical-align: middle;">
        </div>
        <div style="color: #ff9c31;text-align: center;margin-bottom: 10px;font-size: 17px;">
          100%历史兑付率
        </div>
        <div style="color: #fa6871;">
          三层防火墙隔离系统，严守资金安全；严格筛选优质交易平台，最大程度降低用户投资风险。
        </div>
      </div>

      <div class="newPeopleCont">
        <div style="text-align: center;padding-top: 15px;padding-bottom: 10px;font-size: 17px;">
          <img src="../../assets/lineLeft.png" alt="" width="50" style="vertical-align: middle;"> &nbsp;&nbsp;
          <img src="../../assets/care.png" alt="" width="50" style="vertical-align: middle;">&nbsp;&nbsp;
          <img src="../../assets/lineRigth.png" alt="" width="50" style="vertical-align: middle;">
        </div>
        <div style="color: #ff9c31;text-align: center;    margin-bottom: 10px;font-size: 17px;">
          用户至上&nbsp;&nbsp;用户重复投资比例超过80%
        </div>
        <div style="color: #fa6871;">
          门槛极低，1000元极低；提供套利基金、指数基金、数字货币等多种项目，满足用户多样化的理财需求。
        </div>
      </div>

      <div class="newPeopleCont">
        <div style="text-align: center;padding-top: 15px;padding-bottom: 10px;">
          <img src="../../assets/lineLeft.png" alt="" width="50" style="vertical-align: middle;"> &nbsp;&nbsp;
          <img src="../../assets/noWorry.png" alt="" width="50" style="vertical-align: middle;">&nbsp;&nbsp;
          <img src="../../assets/lineRigth.png" alt="" width="50" style="vertical-align: middle;">
        </div>
        <div style="color: #ff9c31;text-align: center; margin-bottom: 10px;font-size: 17px;">
          专业风控团队层层把关
        </div>
        <div style="color: #fa6871;">
          采用三级风控及监管体系，保障平台数据安全；技术团队资深专业，深谙基金投资核心技术架构，构建专业投资系统；操盘团队经验丰富，对未来基金行情进行预测分析，为用户追求长期稳定收益。
        </div>
      </div>

      <div class="newPeopleCont">
        <div style="text-align: center;padding-top: 15px;padding-bottom: 10px;">
          <img src="../../assets/lineLeft.png" alt="" width="50" style="vertical-align: middle;"> &nbsp;&nbsp;
          <img src="../../assets/sincerity.png" alt="" width="50" style="vertical-align: middle;">&nbsp;&nbsp;
          <img src="../../assets/lineRigth.png" alt="" width="50" style="vertical-align: middle;">
        </div>
        <div style="color: #ff9c31;text-align: center; margin-bottom: 10px;font-size: 17px;">
          用真诚守信的态度服务用户
        </div>
        <div style="color: #fa6871;">
          严格甄选项目，对项目进行主动、全程监控，确保账户资金和交易数据安全无忧，时时对用户负责；及时解答用户疑问，并提供合理化建议。
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import Top from '../../components/common/top.vue'
  export default {
    data() {
      return {

      }
    },
    components: {
      Top,
    },
    methods: {

    },
  }
</script>
<style lang="less" scoped>
  .newPeople {
    background: url('../../assets/newPeopleBg.png');
    width: 100%;
    position: absolute;
    top: 45px;
    background-size: 100% 100%;
  }

  .newPeopleTitle {
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 20px;
    margin-top: 160px;
    font-weight: 600;
  }

  .text {
    background: #fe9b57;
    height: 40px;
    line-height: 40px;
    border-radius: 25px;
  }

  .newPeopleRule {
    margin-top: 20px;
    padding: 0px 10px;
  }

  .newPeopleRuleText {
    min-height: 300px;
    background: #f7eae9;
    border-radius: 10px;
    padding: 0px 15px 10px;
  }

  .img {
    width: 55px;
    height: 55px;
  }

  .newPeopleCenter {
    margin-top: 35px;
    margin-bottom: 35px;
    text-align: center;
  }

  .newPeopleCont {
    margin-bottom: 10px;
    background: #f6e5e4;
    border-radius: 10px;
    padding: 0px 15px 10px;
  }

  .imgSty {
    transform: rotate(180deg)
  }
</style>